<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2794325_jlotf8s5qo8.css">
</head>
<link rel="stylesheet" href="./css/UnloggedHome.css">
<body>
    <header>
        <h1><i class="iconfont icon-ditu-dibiao"></i> 唯尚丝网笼具制品厂 <i class="iconfont icon-xiajiantou"></i></h1>
        <div class="top">
            <input type="text" placeholder="搜索饿了么商家、商品名称">
            <i class="iconfont  icon-sousuo"></i>
        </div>
    </header>
    <main>
        <section>
            <ul class="list">
                <li>
                    <a href="">
                        <img src="https://cube.elemecdn.com/7/d8/a867c870b22bc74c87c348b75528djpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>美食</p>
                    </a>
                </li>
                <li>
                    <a href="InsteadShopping.html">
                        <img src="https://cube.elemecdn.com/e/58/bceb19258e3264e64fb856722c3c1jpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>跑腿代购</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cube.elemecdn.com/b/7f/432619fb21a40b05cd25d11eca02djpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>汉堡披萨</p>
                    </a>
                </li>
                <li>
                    <a href="">
                        <img src="https://cube.elemecdn.com/7/d6/6f2631288a44ec177204e05cbcb93jpeg.jpeg?x-oss-process=image/resize,w_90,h_90,m_fixed"
                            alt="">
                        <p>地方小吃</p>
                    </a>
                </li>
            </ul>
        </section>
        <section class="Quality clearfix">
            <div class="QualityLeft fl">
                <h3>品质套餐</h3>
                <span>搭配齐全吃得好</span>
                <p>立即抢购></p>
            </div>
            <img class="fr"
                src="https://cube.elemecdn.com/e/ee/df43e7e53f6e1346c3fda0609f1d3png.png?x-oss-process=image/resize,w_282,h_188,m_fixed"
                alt="">
        </section>
        <section class="Recommended">
            <h3>-- 推荐商家 --</h3>
            <ul class="RecommendedList">
                <li>
                    <a href="">综合排序 <i class="iconfont icon-xia"></i></a>
                </li>
                <li>
                    <a href="">距离最近</a>
                </li>
                <li>
                    <a href="">销量最高</a>
                </li>
                <li>
                    <a href="">筛选</a>
                </li>
            </ul>
            <div class="contentbox">
                <img src="//cube.elemecdn.com/d/60/70008646170d1f654e926a2aaa3afpng.png" alt="">
                <h4 style="font-size: 1.5rem;margin: 1rem auto; color:#666;">没有结果</h4>
                <span style="color: #aaa;">登录后查看更多商家</span>
                <a href="./Login.html">
                    <p>登录</p>
                </a>
            </div>
        </section>
        <section><i onclick="xTop()" class="shangjt iconfont icon-xiangshangyuanjiantoushangjiantoumianxing"></i>
        </section>
    </main>
    <footer>
        <ul>
            <li>
                <a href=""><i class="iconfont icon-elema"></i>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href=""><i class="iconfont icon-faxian"></i>
                    <p>发现</p>
                </a>
            </li>
            <li>
                <a href=""><i class="iconfont icon-dingdan"></i>
                    <p>订单</p>
                </a>
            </li>
            <li>
                <a href=""><i class="iconfont icon-wode"></i>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </footer>
</body>
<script src="./js/UnloggedHome.js"></script>
</html>